.vua-input {
  position: relative;
  width: 100%;
  user-select: none;

  &__inner {
    display: inline-flex;
    width: 100%;
    height: 36px;
    padding: 0 11px;
    color: $text-color;
    border: none;
    border-radius: $border-radius-base;
    outline: none;
    box-shadow: 0 0 0 1px $border-color;

    &:hover {
      box-shadow: 0 0 0 1px $dash-border-color;
    }

    &:focus {
      box-shadow: 0 0 0 1px $primary-color;
    }
  }
}
